<template lang="html">
    <div class="">
        <shopheader :seller="seller"></shopheader>
        <div class="shop-tab-container">
            <div class="shop-tab-tab">
                <span class="active">商品</span>
            </div>
            <div class="shop-tab-tab">
                <span>评价</span>
            </div>
        </div>
        <div class="" is="menuview"></div>

    </div>
</template>

<script>
import shopheader from '@/components/shopheader/shopheader'
import menuview from '@/components/menuview/menuview'
export default {
	components: {
		shopheader,
		menuview,
	},
	data() {
		return {
			seller: {}
		}
	},
	mounted() {
		var index = this.$route.query.id;
		this.axios.get('http://localhost:8080/api/seller').then((res) => {
			this.seller = res.data.data[index];
			console.log(this.seller);
		})
	}
}
</script>

<style lang="less" rel="stylesheet/less" scoped>
@import "../../static/var.less";
.shop-tab-container {
    background: #fff;
    height: @base*92rem;
    text-align: center;
    line-height: @base*92rem;
    display: flex;
    border-bottom: 1px solid @lc1;
    .shop-tab-tab {
        width: 50%;
        height: 100%;
        span.active {
            padding: 0 @base*10rem @base*10rem;
            color: @main-color;
            border-bottom: 2px solid @main-color;
        }
    }
}
</style>
